<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>提交申请</title>
		<link rel="stylesheet" type="text/css" href="../css/l-application.css"/>
		<link rel="shortcut icon" href="../favicon.ico">
	</head>
	<body>
		<div class="web">
			<header>
				<div class="h_top clearfix">
					<div class="img_logo clearfix">
						<img src="../img/W/logoicon.gif" alt="logo" />
					</div>
					<div class="h_top_list clearfix">
						<ul>
							<li><a href="javascript:void">chirstina</a></li>
							<li><a href="javascript:void">退出</a></li>
							<li><a href="javascript:void" class="iconfont icon-lingdang"></a></li>
							<li><a href="javascript:void" class="iconfont icon-daohangxinxi"></a></li>
							<li><a href="javascript:void" class="iconfont icon-shezhi"></a></li>
							<li><a href="javascript:void" class="iconfont icon-sousuo"></a></li>
						</ul>
						<ul class="clear">
							<li><a href="../index.html">首页</a></li>
							<li><a href="javascript:void(0)">推荐</a></li>
							<li><a href="activity-collect.html">活动</a></li>
							<li><a href="javascript:void(0)">交友</a></li>
							<li><a href="javascript:void(0)">求职</a></li>
							<li><a href="cooperation.html">合作</a></li>
							<li><a href="policy.html">政策</a></li>
						</ul>
					</div>
				</div>
				<div class="h_mid">
					<div class="h_mid_info clearfix">
						<div class="info_l">
							<div><img src="../img/W/head_portrait.png" alt="" /></div>
							<div>
								<a href="javascript:void(0)">
									<p>关注</p>
									<p>230</p>
								</a>
								<a href="javascript:void(0)">
									<p>粉丝</p>
									<p>155</p>
								</a>
							</div>
						</div>
						<div class="info_r">
							<p>Christina<span>M</span></p>
							<p><span>个性签名:天才也是练出来!</span></p>
							<p><span>UK</span>|<span>广州</span><span>金融分析师</span></p>
							<p>华夏海归个人认证<img src="../img/W/approve.gif" alt="" /></p>
							<p>
								<a href="javascirpt:void(0)" class="iconfont icon-qq"></a>
								<a href="javascirpt:void(0)" class="iconfont icon-wb"></a>
								<a href="javascirpt:void(0)" class="iconfont icon-daohangxinxi"></a>
							</p>
						</div>
					</div>
					<div class="h_mid_img">
						<img src="../img/W/headerbgimg.jpg" alt="" />
					</div>
				</div>
				<div class="h_bottom clearfix">
					<ul>
						<li><a href="javascript:void(0)">我的主页</a></li>
						<li><a href="javascript:void(0)">博客</a></li>
						<li><a href="javascript:void(0)">微博</a></li>
						<li><a href="javascript:void(0)">相册</a></li>
						<li><a href="javascript:void(0)">关注/粉丝</a></li>
						<li><a href="html/l-application.html">工作/合作</a></li>
						<li><a href="javascript:void(0)">活动</a></li>
						<li><a href="javascript:void(0)">设置</a></li>
					</ul>
					<form method="post" class="search">
						<input type="text" placeholder="搜索他的相关" />
						<input type="image" src="../img/Y/searchicon_moren(1).gif"/>
					</form>
				</div>
			</header>
			<!--轮播图-->
		<div class="carousel clearfix">
				<h2 class="clear">最新推荐</h2>
				<div class="box">
					<div>
						<dl id="roll" class="clearfix">
							<dd>
								<img src="../img/L/l-lubo-a.jpg" alt="" />
								<h3>KiG<img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-b.jpg" alt="" />
								<h3>星巴克<img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-c.jpg" alt="" />
								<h3>苹果科技公司<img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-d.jpg" alt="" />
								<h3>罗斯柴尔德银行 <img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-e.jpg" alt="" />
								<h3>尼康(日本) <img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-f.jpg" alt="" />
								<h3>FHOKE Design<img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-a.jpg" alt="" />
								<h3>KiG<img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-b.jpg" alt="" />
								<h3>星巴克<img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-c.jpg" alt="" />
								<h3>苹果科技公司<img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-d.jpg" alt="" />
								<h3>罗斯柴尔德银行 <img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-e.jpg" alt="" />
								<h3>尼康(日本) <img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>
							<dd>
								<img src="../img/L/l-lubo-f.jpg" alt="" />
								<h3>FHOKE Design<img src="../img/L/approve_icon.gif" alt="" /></h3>
							</dd>

						</dl>
					</div>
				</div>
			</div>   
			<!--中间内容部分-->
			<section class="information">
				
				<section class="infor_content">
					<!--左边导航-->
					<section class="in_con_left">
						<ul class="left_nav">
							<li><a href="l-release.html">发布的合作</a></li>
							<li  class="active"><a href="l-application.html">加入的合作</a></li>
							<li><a href="l-project.html">收藏的合作</a></li>
						</ul>
						<section class="left_recommend">
							<h5>新人推荐</h5>
							<ul class="recommend_photo">
								<li>
									<a href="" class="photo_p"><img src="../img/L/l-toux.jpg"/></a>
									<a href="" class="photo_n">阿卡西</a>
								</li>
								<li>
									<a href="" class="photo_p"><img src="../img/L/l-toua.jpg"/></a>
									<a href="" class="photo_n">吴靓</a>
								</li>
								<li>
									<a href="" class="photo_p"><img src="../img/L/l-toub.jpg"/></a>
									<a href="" class="photo_n">北尺</a>
								</li>
								<li>
									<a href="" class="photo_p"><img src="../img/L/l-touc.jpg"/></a>
									<a href="" class="photo_n">伍嘉琪</a>
								</li>
								<li>
									<a href="" class="photo_p"><img src="../img/L/l-toud.jpg"/></a>
									<a href="" class="photo_n">阿力</a>
								</li>
								<li>
									<a href="" class="photo_p"><img src="../img/L/l-toue.jpg"/></a>
									<a href="" class="photo_n">Orson we</a>
								</li>
								<li>
									<a href="" class="photo_p"><img src="../img/L/l-touf.jpg"/></a>
									<a href="" class="photo_n">杨灵倩</a>
								</li>
								<li>
									<a href="" class="photo_p"><img src="../img/L/l-toug.jpg"/></a>
									<a href="" class="photo_n">李莉</a>
								</li>
							</ul>
							<span class="com_more">······<a href="">更多</a></span>
						</section>
						
						<section class="left_recommend">
							<h5>最近访客</h5>
							<ul class="recommend_photo visitors_photo">
								<li>
									<a href="" class="photo_frame">
										<img src="../img/L/l-touz.jpg"/>
									</a>
									<div class="photo_desc">
										<a href="" class="visitors_name">彭芳</a>
										<p class="vist_date">今天</p>
									</div>
								</li>
								<li>
									<a href="" class="photo_frame">
										<img src="../img/L/l-touz.jpg"/>
									</a>
									<div class="photo_desc">
										<a href="" class="visitors_name">彭芳</a>
										<p class="vist_date">一天前</p>
									</div>
								</li>
								<li>
									<a href="" class="photo_frame">
										<img src="../img/L/l-touz.jpg"/>
									</a>
									<div class="photo_desc">
										<a href="" class="visitors_name">彭芳</a>
										<p class="vist_date">一个月前</p>
									</div>
								</li>
								<li>
									<a href="" class="photo_frame">
										<img src="../img/L/l-touz.jpg"/>
									</a>
									<div class="photo_desc">
										<a href="" class="visitors_name">彭芳</a>
										<p class="vist_date">2013年<br />2月13日</p>
									</div>
								</li>
								<li>
									<a href="" class="photo_frame">
										<img src="../img/L/l-touz.jpg"/>
									</a>
									<div class="photo_desc">
										<a href="" class="visitors_name">彭芳</a>
										<p class="vist_date">2015年<br />2月13日</p>
									</div>
								</li>
							</ul>
							<span class="com_more">······<a href="">更多</a></span>
							<div class="page_views">
								<div class="page_views_number">
									<p>今日浏览</p>
									<p>12</p>
								</div>
								<div class="page_views_number">
									<p>总浏览</p>
									<p>1024</p>
								</div>
							</div>
						</section>
					</section>
					<!--右边信息-->
					<section class="in_con_right">
						<h2 class="application_title">发布合作信息</h2>
						<div class="step_title">
							<div class="fill_in">1.填写相关信息</div>
							<div class="shape_l"></div>
							<div class="shape_r"></div>
							<div class="certification">2.等待认证结果</div>
						</div>
						<!--表格-->
						<form action="" method="post" class="clearfix">
							<ul class="intent_type">
								<li class="intent">
									<span class="coop_desc">合作意向：</span>
									<div class="it_select">
										<select name="">
											<option value="">项目合作</option>
										</select>
									</div>
								</li>
								<li class="intent">
									<span class="coop_desc">合作类型：</span>
									<div class="it_select">
										<select name="">
											<option value="">　</option>
											<option value="">不知道</option>
										</select>
									</div>
								</li>
							</ul>
							<div class="coop_content">
								<span class="coop_desc">合作内容：</span>
								<div class="textarea_frame">
									<textarea name="" rows="" cols=""></textarea>
								</div>
							</div>
							<div class="coop_keywords">
								<span class="coop_desc">关键词：</span>
								<div class="key_frame">
									<input type="text" name="" id="" placeholder="多个关键词用空格隔开" />
								</div>
							</div>
							<!--文件上传-->
							<ul class="coop_file">
								<li class="file_content">
									<div class="coop_stuff">
										<span class="coop_desc">合作要点：</span>
										<div class="file_all">
											<div class="frame_buttom">
												<div class="file_frame">
													<input type="file" name="" id="file" value="" />
												</div>
												<!--<a href="" class="buttom">上传</a>-->
											</div>
											<p class="file_increase">
												<label for="file">
													<span>添加更多合作要点</span>
												</label>
											</p>
										</div>	
									</div>
								</li>
								<li class="file_content">
									<div class="coop_stuff">
										<span class="coop_desc">合作图片：</span>
										<div class="file_all">
											<div class="frame_buttom">
												<div class="file_frame">
													<input type="file" name="" id="file" value="" />
												</div>
												<a href="" class="buttom">上传</a>
											</div>
											<p class="file_increase">
												<label for="file">
													<span>添加更多合作图片</span>
												</label>
											</p>
										</div>	
									</div>
								</li>
								<li class="file_content">
									<div class="coop_stuff">
										<span class="coop_desc">证明材料：</span>
										<div class="file_all">
											<div class="frame_buttom">
												<div class="file_frame">
													<input type="file" name="" id="file" value="" />
												</div>
												<a href="" class="buttom">上传</a>
											</div>
											<p class="file_increase">
												<label for="file">
													<span>添加更多项目材料</span>
												</label>
											</p>
										</div>	
									</div>
								</li>
							</ul>
							<div class="coop_phone">
								<span class="coop_desc">关键词：</span>
								<p>13786452589</p>
								<a href="">修改</a>
							</div>
							<a href="" class="submit_button clearfix">提交申请</a>
						</form>
					</section>
				</section>
			</section>
				<!--底部-->
			<footer>
				<div class="footer_frame">
					<section class="footer_content">
						<div class="footer_about">
							<ul class="about_word">
								<li><a href="">关于联盟</a></li>
								<li><a href="">加入联盟</a></li>
								<li><a href="">联盟事件</a></li>
								<li><a href="">防骗说明</a></li>
								<li><a href="">合作链接</a></li>
							</ul>
						</div>
						<div class="footer_contact">
							<div class="contact_more">
								<ul class="more_content">
									<li><a href="">与联盟保持联系</a></li>
									<li>
										<div class="more_img">
											<img src="../img/L/l_pin.png"/>
										</div>
									</li>
									<li class="more_menu">
										<a href="">更多信息</a>
										<a href="">信息1</a>
										<a href="">信息2</a>
										<a href="">信息3</a>
									</li>
									<li class="more_menu">
										<a href="">公益合作</a>
										<a href="">公益1</a>
										<a href="">公益2</a>
										<a href="">公益3</a>
									</li>
									<li><a href="">商业合作与风险投资</a></li>
								</ul>
							</div>
							<div class="help_frame">
								<ul class="contact_help">
									<li class="more_help">
										<a href="">帮助</a>
										<div class="help_menu">
											<p>BGG</p>
											<p>Molen</p>
										</div>
									</li>
									<li><a href="" class="iconfont icon-earth"></a></li>
									<li class="more_help">
										<a href="">语言</a>
										<div class="language_menu">
											<p>English</p>
											<p>简体中文</p>
											<p>日本の语</p>
										</div>
									</li>
									<li><a href="" class="iconfont icon-facebook ico_li"></a></li>
									<li><a href="" class="iconfont icon-Twitter ico_li"></a></li>
								</ul>
							</div>
						</div>
						<div class="footer_logo">
							<picture class="union"><img src="../img/L/l_hg_logo.png"/></picture>
							<picture class="four"><img src="../img/L/l_ma_logo.jpg"/></picture>
							<div class="logo_content">
								<h4>您的位置</h4>
								<h5 class="logo_hua"><a href="">华夏海归</a> <span>>|</span><a href="">首页</a></h5>
								<p class="logo_beian">本网站所有图片均由Getty images公司授权发布,侵权必究,<a href="">京ICP备06049229号</a></p>
							</div>
						</div>
					</section>
				</div>
			</footer>
		</div>
		<!--轮播-->
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/super_slider.js"></script>
		<script type="text/javascript">
				$(".box").superSlider({
				prevBtn: 	 ".prev",//左按钮
				nextBtn: 	 ".next",//右按钮
				listCont:    "#roll",//滚动列表外层
				scrollWhere: "next",//自动滚动方向next
				delayTime: 	 1000,//自动轮播时间间隔
				speed: 		 300,//滚动速度
				amount: 	 1,//单次滚动数量
				showNum: 	 7,//显示数量
				autoPlay: 	 true//自动播放
			});
		</script>
		
		<!--返回顶部插件-->
		<a class="to-top">TOP</a>
		<script src="../js/l-jquery-1.11.3.min.js"></script>
		<script src="../js/l-jquery.toTop.min.js"></script>
		<script type="text/javascript">
			 $('.to-top').toTop({
			      //options with default values
			      autohide: true,
//			      	自动隐藏
			      offset: 420,
//			      距离顶部多少距离时自动隐藏按钮
			      speed: 500,
//			      滚动持续时间
			      position: true,
//			      如果设置为 false，则需要手动在 css 中设置“按钮”的位置
			      right: 15,
//			      右侧距离
			      bottom: 30
//			      底部距离
			  });
		</script>
		
	</body>
</html>
